<template>
	<view class="page-detail">
		<view class="title">{{ det.title }}</view>
		<view class="time"> 时间：{{ det.time }} </view>
		<!-- 富文本 -->
		<!-- <view class="content" v-html=""></view> -->
		<view class="cover">
			<image :src="det.cover" />
		</view>
		<view class="content">
			<rich-text :nodes="content" style="font-size: 14px;"></rich-text>
		</view>
		<!-- 底部功能区 -->
		<!-- <view class="bottom">
			<view class="input">
				<cl-input prefix-icon="cl-icon-edit" placeholder="请输入评论" round></cl-input>
			</view>
			<view class="feature">
				<cl-icon name="cl-icon-good-fill" color="#999999"></cl-icon>
				<cl-text :value="feature.like" color="#999999" :size="28"></cl-text>
			</view>
			<view class="feature">
				<cl-icon name="cl-icon-comment-fill" color="#999999"></cl-icon>
				<cl-text :value="feature.comment" color="#999999" :size="28"></cl-text>
			</view>
			<view class="feature">
				<cl-icon name="cl-icon-relay-fill" color="#999999"></cl-icon>
				<cl-text :value="feature.forward" color="#999999" :size="28"></cl-text>
			</view>
		</view> -->
	</view>
</template>

<script>
export default {
	data() {
		return {
			det: {},
			content:'',
			feature: {
				like: 3568,
				comment: 356,
				forward: 368,
			},
		};
	},
	onLoad(option) {
		var det = option.query
		this.det = JSON.parse(det)
		this.content = uni.getStorageSync('content')
		const interstitialAd = ks.createInterstitialAd({
		    unitId: 100071055,
		    type: 100033847,
		});
		setTimeout(function(){
			interstitialAd
			.load()
			.then(() => {
			    interstitialAd.show();
			})
			.catch((err) => {
			    console.log(err);
			});
		},3000);
		
	}
};
</script>

<style lang="scss">
.page-detail {
	padding: 50rpx 0;
	.title {
		padding: 0 30rpx;
		font-size: 42rpx;
		font-weight: 400;
		color: #20263c;
		line-height: 56rpx;
	}
	.time {
		margin: 26rpx 0 62rpx 0;
		padding: 0 30rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #9b9b9b;
	}
	.cover {
		margin-bottom: 65rpx;
		padding: 0 30rpx;
		
	}
	.content {
		padding: 0 30rpx 80rpx 30rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #333333;
		line-height: 65rpx;
	}
	.bottom {
		display: flex;
		align-items: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 108rpx;
		padding: 0 30rpx;
		box-shadow: 0px 6rpx 10rpx 0px rgba(0, 0, 0, 0.06);
		box-sizing: border-box;
		.input {
			margin-right: 28rpx;
			flex: 1;
			.cl-input {
				height: 60rpx;
				background-color: #f6f5f5;
			}
		}
		.feature {
			margin-right: 28rpx;
		}
		.cl-icon {
			margin-right: 6rpx;
		}
	}
}
</style>
